<template>
    <div id="app">
        <span v-title data-title="NetMusic"></span>
        <the-header/>
        <router-view/>
        <song-audio/>
        <the-aside/>
        <play-bar/>
        <scroll-top/>
        <the-footer/>
    </div>
</template>

<script>
import TheHeader from "./components/TheHeader";
import ScrollTop from "./components/ScrollTop";
import TheFooter from "./components/TheFooter";
import SongAudio from "./components/SongAudio";
import PlayBar from "./components/PlayBar";
import TheAside from "./components/TheAside";

export default {
  name: 'App',
  components: {
    TheHeader,
    ScrollTop,
    TheFooter,
    SongAudio,
    PlayBar,
    TheAside
  }
}
</script>


<style lang="scss" scoped>
    @import './assets/css/app.scss';
</style>
